<%@page import="java.util.Date"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
	<head>
		<base href="<%=basePath%>"/>
		<meta charset="utf-8" />
		<title>Document</title>
		<link rel="stylesheet" href="css/ShoppingCar.css?_<%=new Date().getTime() %>" />
	</head>
	<script type="text/javascript" src="js/jquery.min.js?_<%=new Date().getTime() %>"></script>
	<script type="text/javascript" src="js/ShoppingCarAddress.js?_<%=new Date().getTime() %>"></script>
	<script type="text/javascript">
		
		//全选
		
		/* function checkAll(all){
			arr=document.getElementsByName("checkeds");
			if(all.checked==true){
				for (var i = 0; i < arr.length; i++	) {
					arr[i].checked=true;
					alert("点击单个商品")
				}
				xuanzhong();
			}else{
				for (var i = 0; i < arr.length; i++) {
					if(arr[i].checked==false){
						arr[i].checked=true;
						alert("选中");
					}else{
						arr[i].checked=false;
						alert("反选");
						
					}
				}
				xuanzhong();
			}
			
		} */
		$(function(){
			//全选
			$(".kong input:checkbox").change(function () {
				//alert("进");
			    if($(this).is(':checked')){
			        $(".regular-checkbox").prop("checked",true);
			    }else{
			        $(".regular-checkbox").prop("checked",false);
			    }
			    zonga(); 
			});		
			
			$(":checkbox[name = 'checkeds']").change(function(){
				check();
			})
			
			function check(){
				//获取复选框的长度
				var checkeds = $(":checkbox[name = 'checkeds']").length;
				//获取选中复选框的长度
				var checked = $(":checkbox[name = 'checkeds']:checked").length;
				if(checkeds==checked){
					$(":checkbox[name = 'all']")[0].checked=true;
				}else{
					$(":checkbox[name = 'all']")[0].checked=false;
				}
			}
			
			
			var num=$("#nei").val();
			var sc_price=$("#sc_price").text();			//单价格
			var sum1=parseInt(sc_price*num);		//总价格
			/* alert(sum1); */
			$("#sum").val(sum1)
			//全部删除
			$(".xuanzhong input").click(function(){
				var checkedNum =$("input[name='checkeds']:checked").length;
				if(checkedNum==0){
					alert("请至少选择一项");
					return false;
				}
				 window.open("ShoppingCarDelete.Shtml","_self");
		 		/* var num=$("#hezis input[name='checkeds']:checked");
				var num=$("#deleteid").text();
				for (var i = 0; i < num.length; i++) {
					var a=num[i].value;
					alert(a);
					$.post("ShoppingCarDelete.Shtml",{deleteid:"deleteid"},function(date){
						if(date="true"){
							window.location.reload();//删除成功的话刷新当前页面
						}else{
							alert("删除失败!");
						}
					}) 
				} */
			})
			
			/* //减数量
			$(".a #min").click(function(){
				var indexs=parseInt($(this).next().val()-1);	//数量
				var sc_price=$(this).parent().prev().children().text();
				var sum=parseInt(sc_price*indexs);//价格
				$(this).parent().next().text(sum+".00");		//小计
				if(indexs<1){
					alert("抱歉！不能再减了。");
					$(this).parent().next().text(sc_price);
					var aaa=$("#sum").val();
					return false;
				}else{
					$(this).next().val(indexs);
				}
			})
			//加数量
			$(".a #max").click(function(){
				var index=parseInt($(this).prev().val())+1;  //数量
				var sc_price=$(this).parent().prev().children().text();			//单价格
				var sum=parseInt(sc_price*index);		//价格
				$(this).parent().next().text(sum+".00");		//小计
				var zong=$("#zong").val();//10
				 alert(zong);  
				if(index>zong){
					index=zong;
					$(this).prev().val(zong);
					var s = $(this).parent().next().text();//xiaoji
					var ss=$(this).parent().prev().children().text();
					var sss=parseFloat(s-ss);
					var ssss=sss+".00";
					$(this).parent().next().text(ssss);
					return false;
					
				}else{
					$(this).prev().val(index);
				}
				var ss=$(this).parent().parent().children().next().is(':checked');
				alert(ss);
			})*/
			
			
			//单选
			$(".biaoge #hezis input:checkbox").change(function(){
				zonga();
			})
			zonga();
		}) 
		
		//加载
		function xx(){
			$(".a #nei").each(function(){
				var ss = $(this).val();//数量
				var dan = $(this).parent().prev().children().text();
				var sum=parseInt(ss*dan);
				var summ=sum+".00";
				$(this).parent().next().text(summ);
			});
		};
			//点击全选按钮显示的总数量
		/* function  xuanzhong() {
			var totalmoney=0;
			var count=0;
			$(".a #nei").each(function(){
				var ss = $(this).val();//数量
				count=count+eval(ss);
				 alert(count); 
				$(".totalnum").text(count);  //总数量
				var dan = $(this).parent().prev().children().text();
				var sum=parseInt(ss*dan);
				var summ=sum+".00";
				$(this).parent().next().text(summ);
			});
			$("#hezis #sum").each(function(){
				var aa=$(this).text();
				 alert(aa); 
				totalmoney=parseInt(totalmoney+eval(aa));
				 alert(totalmoney); 
				$("#totalmoney").text(totalmoney+".00");
			})
		} */
			//减
			function jian(id,ts) {
				var indexs=parseInt($(ts).next().val()-1);	//数量
				var sc_price=$(ts).parent().prev().children().text();
				var sum=parseInt(sc_price*indexs);//价格
				$(ts).parent().next().text(sum+".00");		//小计
				if(indexs<1){
					alert("抱歉！不能再减了。");
					$(ts).parent().next().text(sc_price);
					var aaa=$("#sum").val();
					return false;
				}else{
					$(ts).next().val(indexs);
				}
				//更改数量
				$.post("shuliangServlet.shtml",{"amount":indexs,"cartid":id},function(date){
					if(date=="true"){
						zonga();
					}else{
						alert("更新失败");
					}
				})
			}
		//加
			function jia(id,ts){
				var index=parseInt($(ts).prev().val())+1;  //数量
				var sc_price=$(ts).parent().prev().children().text();			//单价格
				var sum=parseInt(sc_price*index);		//价格
				$(ts).parent().next().text(sum+".00");		//小计
				var zong=$("#zong").val();//10
					if(index>zong){
						index=zong;
						$(ts).prev().val(zong);
						var s = $(ts).parent().next().text();//xiaoji
						var ss=$(ts).parent().prev().children().text();
						var sss=parseFloat(s-ss);
						var ssss=sss+".00";
						$(ts).parent().next().text(ssss);
						return false;
						
					}else{
						$(ts).prev().val(index);
					}
				//更改数量
					$.post("shuliangServlet.shtml",{"amount":index,"cartid":id},function(date){
					if(date=="true"){
						zonga();
					}else{
						alert("更新失败");
					}
				})
			}
			
			//总价
			function zonga(){
				var num=$(".biaoge #hezis").length;
				var zong=0;
				var znum=0;
				for(var i=0;i<num;i++){
					if($(".biaoge #hezis:eq("+i+") input:checkbox").is(':checked')){
						var shu=$(".a:eq("+i+") #nei").val();
						znum=znum+eval(shu);
						var qian=$(".biaoge #hezis:eq("+i+") #sum").text();
						qian=qian.substring(0,qian.indexOf("."));
						zong=zong+eval(qian);
					}
				}
				$(".xuanzhong .totalnum").text(znum);
				$(".le #totalmoney").text(zong+".00");
			}
			//结算
			function jiesuan() {
				var zongnum=$(".xuanzhong .totalnum").text();
				var idstr="";
				var num=$(".biaoge #hezis").length;
				if(zongnum>0){
					for (var i = 0; i < $(".biaoge #hezis").length; i++) {
						if($(".biaoge #hezis:eq("+i+") input:checkbox").is(':checked')){
							idstr+=$(".biaoge #hezis:eq("+i+") #cartid").val();
							/* alert($(".biaoge #hezis:eq("+i+") #cartid").val()); */
							idstr+=",";
						}
					}
					 window.location.href="xiadan.shtml?id="+idstr;
				}else{
					alert("请选择商品!");
				}
			}
			
			
	</script>
	<body>
		<div id="hezi">
			<div class="top"><a href="Vancl/index.shtml"><img src="images/ShoppingCar/logo.png"></a></div>
			<div class="right"><jsp:include page="Total.jsp" /></div>
		</div>
		<div class="car"><img src="images/ShoppingCar/car.jpg " align="center"> 我的购物车
		<p><span>温馨提示：</span>1.选购清单中的商品无法保留库存，请您及时结算。2.商品的价格和库存将以订单提交时为准。3.促销活动满减优惠将均摊至商品小计中。</p>
		</div>
		<div class="biaoge">
			<table cellspacing="0">
				<tr>
					<th  class="kong"><input type="checkbox" name="all" class="regular-checkbox">全选</th>
					<th>商品名称</th>
					<th>尺寸</th>
					<th>单价</th>
					<th>数量</th>
					<th>小计</th>
					<th>操作</th>
				</tr>
			</table>
			<!-- 商品列表 -->
			<c:if test="${shoppingcarlist.size()<=0}"><span style="display:block; font-size: 18px; margin-left: 380px; margin-top:130px;margin-bottom: 88px;">您的购物车中没有商品，请您先 <a href="Vancl/index.shtml">选购商品»</a></span></c:if>
			<form action="ShoppingCarDelete.Shtml" method="post">
				<c:if test="${shoppingcarlist.size()>0 }">
				<c:forEach items="${shoppingcarlist }" var="sc">
					<div id="hezis">
						<input type="hidden" name="" id="zong" value="${sessionScope.zong }"/>
						<input type="hidden" name="id" id="cartid" value="${sc.sc_id }" />
						<input type="hidden" value="${sc.sc_scid }" name="sid" /> <!--商品详情列表的id -->
						<div style="width:66px; height:20px; text-align: center;align-content: center; margin-top: 66px;"><input type="checkbox" name="checkeds"  value="${sc.sc_id }" class="regular-checkbox" ></div>
						<div style="width: 300px;">
							<dl>
								<dt style="float: left; "><img src="${sc.sc_images }" width="60px" height="60px"></dt>
								<dd class="name"><a href="javascript:void(0)">${sc.sc_name }</a></dd>
							</dl>
						</div>
						<div style="margin-left: 70px; width: 50px;">${sc.sc_size }</div>
						<div style="margin-left: 70px; width: 80px" >￥<span id="sc_price">${sc.sc_price }</span></div>
						<div class="a" style="margin-left: 70px; width: 90px">
							<input type="button" name="minus" value="-" id="min" style="width:15px;" onclick="jian(${sc.sc_id },this);"/><input type="text" class="" id="nei" name="amount" value="${sc.sc_num }" style="width:30px;"><input type="button" name="plus" value="+"  style="width:15px;" id="max" onclick="jia(${sc.sc_id },this);" />
						</div>
						<div style="margin-left: 90px; width: 50px" id="sum">${sc.sc_num*sc.sc_price }0</div>
						<div style="margin-left: 76px; width: 30px; cursor: pointer;" class="del" onclick="return confirm('~亲！确定删除该商品吗?')"><a href="ShoppingCarDel.Shtml?delid=${sc.sc_id }"><img src="images/ShoppingCar/delete.png"></a></div>
						<div style="clear:both"></div>
					</div>
				</c:forEach>
					
			<!-- 去结算 -->
			<div id="jiesuan">
				<div class="xuanzhong" ><!-- <a href="javascript:void(0)" >删除</a> <--><input type="submit" value="删除" id="del" onclick="return confirm('~亲！确定删除全部的商品吗?')"/>&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;数量总计：<span class="totalnum">0</span>件 </div>
				<div style="clear:both"></div>
					<div class="le">产品金额总计(不含运费)：￥<span id="totalmoney">0.00</span></div>
					<div class="ri"><span class="jixu"><a href="Vancl/index.shtml"><input type="button" value="<<继续购物" /></a></span>  <span class="qujiesuan"><input type="button" id="jiesuan11" onclick="jiesuan()" value="￥去结算>>" /></span></div>
			</div>
			</c:if>
			</form>
			<div class="jiao"><img src="images/ShoppingCar/jiao.jpg"></div>    
		</div>
		<!-- 填写地址 -->
		<!-- 	 <div class="bj"></div>
			 <div class="black"></div>
			 <div id="shou">
		        <h2><span>添加收货地址</span></h2>
		        三级联动
		        <div class="info1">
		            <form action="" method="post" id="myform">
		                <p>姓名<span>*</span><input type="text" id="mobile" style="font-size: 11px;" placeholder="请输入姓名" maxlength="15" id="user"/><span id="divMobile"></span>
		                	手机号<span>*</span><input type="text" id="phone" style="font-size: 11px;" placeholder="请输入11位手机号" maxlength="11"/><span id="divMobile1"></span>
		                <div id="area">地址<span>*</span></div>
		                <p class="xxxx">详细信息<span>*</span><input type="text" id="xiangXi" style="font-size: 11px;" placeholder="请输入详细地址，例如路名、门牌号"/></p>
		                <p class="yz">邮政编码<span>*</span><input type="text" id="xiangXi1" style="font-size: 11px;" placeholder="请输入你的邮政编码"/><span id="divMobile2"></span></p>
		                <p class="qr"><input type="submit" class="queding" value="确认支付" id="tiJiao" /><input type="button" id="quxiao" value="取消"/></p>
		            </form>
		        </div>
		    </div> -->
	</body>
</html>
